<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
   <!--  <title>大连大学附属中山医院</title> -->
<script type="text/javascript" src="${basePath}/static/publics/assets/jqPaginator/jqPaginator.js"></script>
<script type="text/javascript" src="${basePath}/static/publics/assets/My97DatePicker/WdatePicker.js"></script>
</head>
<body>
	<div class="list_NR">
        <div class="loc">
            <h3>病案示踪</h3>
            <ul class="loc_loc">病案示踪 > 病案示踪
            </ul>
        </div>
        
        <div class="list_con_table">
        <input type="hidden" value="${medRecordQuery.totalCounts }" id="totalCountsHidden">
			 <form action="${basePath}/statis/medTrace" method="get" id="queryForm">
	        	<div class="search_table">
                <ul class="clearfix" style="margin-bottom:0;">
            
					<li class="Label_1" style="width:11%">ID号：&nbsp;</li>
				    <li class="Label_2" style="width:22%"><input class="input_box"  type="text"  id="mrId" name='mrId' value='${medRecordQuery.mrId}' /></li>
				 	 <li class="Label_1" style="width:11%">住院次数：&nbsp;</li>
				    <li class="Label_2" style="width:22%"><input class="input_box" type="text" id="visitNumber" name='visitNumber' value='${medRecordQuery.visitNumber}' /></li>
				   <li class="Label_1" style="width:10%">身份证号：&nbsp;</li>
				    <li class="Label_2" style="width:24%"><input class="input_box"  type="text"  name='idCard' value='${medRecordQuery.idCard}' /></li>
				   
                   <li class="Label_1" style="width:11%">出院科室：&nbsp;</li>
				    <li class="Label_2" style="width:22%">
				    	<select name="outHospitalOfficeId" class="input_box">
				    		<option value="">请选择</option>
				    		<c:forEach var="outOffice" items="${offices }">
				    			<c:choose>
				    				<c:when test="${ medRecordQuery.outHospitalOfficeId==outOffice.id}">
				    					<option value="${outOffice.id }" selected="selected">${outOffice.name }</option>
				    				</c:when>
				    				<c:otherwise>
				    					<option value="${outOffice.id }">${outOffice.name }</option>
				    				</c:otherwise>
				    			</c:choose>
				    		</c:forEach>
				    	</select>
				    </li>
				       
                  <li class="Label_1" style="width:11%">姓名：&nbsp;</li>
				    <li class="Label_2" style="width:22%"><input class="input_box"  type="text"  name='name' value='${medRecordQuery.name}' /></li>
                   	<li class="Label_1" style="width:10%">出院日期：&nbsp;</li>
                    <li class="Label_2" style="text-align:left;padding-left:3px;width:24%">
                    	<input class="input_box" style="width:44%;" type="text" name="outHospitalStartDate" value='<fmt:formatDate value="${medRecordQuery.outHospitalStartDate}" pattern="yyyy-MM-dd"/>' onFocus="WdatePicker()" />
                    	<span>-</span>
                    	<input class="input_box" type="text" style="width:44%;" name="outHospitalEndDate" value='<fmt:formatDate value="${medRecordQuery.outHospitalEndDate}" pattern="yyyy-MM-dd"/>' onFocus="WdatePicker()" />
					</li>
                    <li class="Label_5">
                        <div class="right" style="text-align:right">
                            <a id="Add" onclick="queryFormSubmit()">查询</a>
                        </div>
                    </li>
                </ul>
            </div>
	        </form>
			 
			 <form action="${basePath}/statis/medTrace" method="get" id="pageForm">
	        	<input type="hidden" name="currentPage" value="${medRecordQuery.currentPage }" id="currentPageHidden">
	        	<input type="hidden" name="pageSize" value="${medRecordQuery.pageSize }" id="pageSizeHidden">
	        <input type="hidden" name="onlyId" value="${medRecordQuery.onlyId}">
	        	<input type="hidden" name="name" value="${medRecordQuery.name }">
	        	<input type="hidden" name="mrId" value="${medRecordQuery.mrId }">
	        	<input type="hidden" name="idCard" value="${medRecordQuery.idCard }">
	        	<input type="hidden" name="outHospitalStartDate" value="<fmt:formatDate value="${medRecordQuery.outHospitalStartDate}" pattern="yyyy-MM-dd"/>">
	        	<input type="hidden" name="outHospitalEndDate" value="<fmt:formatDate value="${medRecordQuery.outHospitalEndDate}" pattern="yyyy-MM-dd"/>">
	        	<input type="hidden" name="outHospitalOfficeId" value="${medRecordQuery.outHospitalOfficeId}">
	        </form> 

        </div>
       
        <table class="Search_tableList" cellpadding="0" cellspacing="0">
     
            <tr>
                <td class="tdLabel_4">姓名</td>
                <td class="tdLabel_4">身份证号</td>
                <td class="tdLabel_4">ID号</td>
                 <td class="tdLabel_4">出院科室</td>
                <td class="tdLabel_4">出院日期</td>
                <td class="tdLabel_4">操作</td>
            </tr>
            
           
            <tbody id="tbody">
            	<c:forEach var="hospitalNote" items="${hospitalNotes }">
            		<tr>
            			
            			<td class='tdLabel_5'>${hospitalNote.name}</td>
            			<td class='tdLabel_5'>${hospitalNote.id_number}</td>
            			<td class='tdLabel_5'>${hospitalNote.mr_id}</td>
            			<td class='tdLabel_5'>${hospitalNote.outOfficeName}</td>
            			<td class='tdLabel_5'><fmt:formatDate value="${hospitalNote.out_hospital_date}" pattern="yyyy-MM-dd"/></td>
            			<td class='tdLabel_5'>
            				<a class="int"  href = "${basePath}/statis/medTraceDetail?firstGuid=${hospitalNote.first_level_medical_guid}" >示踪</a>
            			</td>
            			
            		</tr>
            	</c:forEach>
            </tbody>
               
           
        </table>
        
            <div class="pageList">
            <ul class="pagination clearfix" id="page_plus"></ul>
            <div class="pagination">
                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript">

$(function(){
	$("#mrId").focus();
	var totalCounts = $("#totalCountsHidden").val();
	var pageSize = $("#pageSizeHidden").val();
	var currentPage = $("#currentPageHidden").val();
	initPage(parseInt(totalCounts),parseInt(pageSize),parseInt(currentPage));
});


$("#mrId").change(function(){
	var $this=$(this);
	var inentity=$this.val();
	if(inentity!=null && inentity!='' && inentity!=undefined){
		if(isContainMark(inentity)){
			var mrId=inentity.split("-")[0];
			var visitNumber=inentity.split("-")[1];
			
			if(!isNumber(visitNumber)){
				alert("请重新扫描条形码");
				$("#mrId").val("").focus();
				$("#visitNumber").val("");
				
				return;
			}
			//alert(mrId+"--"+visitNumber);
			$("#mrId").val("").val(mrId);
			$("#visitNumber").val("").val(visitNumber);
			$("#queryForm").submit();
		}
	}
});

function isNumber(value) {
    var patrn = /^[0-9]*$/;
    if (patrn.exec(value) == null || value == "") {
        return false
    } else {
        return true
    }
}


function isContainMark(inentity){
	var reg = RegExp(/-/);
	return reg.test(inentity);
}


function initPage(totalCounts,pageSize,currentPage){
	 var visiblePages = 5;
	 var totalPages =  totalCounts%pageSize==0?(totalCounts/pageSize):(parseInt(totalCounts/pageSize)+1);
	 $('#page_plus').jqPaginator({

	        totalCounts: totalCounts,
	        pageSize:pageSize,
	        visiblePages: visiblePages,
	        currentPage: currentPage,

	        first:'<li class="first"><a href="javascript:void(0);">首页</a></li>',
	        prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
	        next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
	        last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
	        page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
	        onPageChange: function (num,type) {

	     		if(type !='init'){
	     			$("#currentPageHidden").val(num);
					$("#pageSizeHidden").val(pageSize);
					$("#pageForm").submit();
				}
	            $("#totalPage").html(totalCounts);
	            $("#currentPage").html(num+"/"+totalPages);
	            $("#currentPageHidden").val(currentPage);
			    $("#pageSizeHidden").val(pageSize);
	        }
	    });

}

function queryFormSubmit(){
	$("#queryForm").submit();
}

</script>